<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Awesome-pyecharts</title>
            <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>

</head>
<body>
    <div id="983d411adb814d19939d5424c34baefc" class="chart-container" style="width:900px; height:900px;"></div>
    <script>
        var chart_983d411adb814d19939d5424c34baefc = echarts.init(
            document.getElementById('983d411adb814d19939d5424c34baefc'), 'white', {renderer: 'canvas'});
        var option_983d411adb814d19939d5424c34baefc = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "pie",
            "name": "\u6807\u7b7e0\u7684\u4eba\u7fa4",
            "clockwise": true,
            "data": [
                {
                    "name": "\u6298\u6263",
                    "value": 11.62
                },
                {
                    "name": "\u98df\u7269(\u975e\u751f\u9c9c)",
                    "value": 25.01
                },
                {
                    "name": "\u751f\u9c9c\u7c7b\u98df\u7269",
                    "value": 16.32
                },
                {
                    "name": "\u996e\u6599",
                    "value": 23.52
                },
                {
                    "name": "\u5bb6\u5c45\u7528\u54c1",
                    "value": 15.46
                },
                {
                    "name": "\u7f8e\u5986\u7c7b\u4ea7\u54c1",
                    "value": 5.99
                },
                {
                    "name": "\u4fdd\u5065\u7c7b\u4ea7\u54c1",
                    "value": 1.24
                },
                {
                    "name": "\u6bcd\u5a74\u7c7b\u4ea7\u54c1",
                    "value": 11.38
                },
                {
                    "name": "\u5ba0\u7269\u7528\u54c1",
                    "value": 0.93
                }
            ],
            "radius": [
                50,
                80
            ],
            "center": [
                "20%",
                "20%"
            ],
            "label": {
                "show": true,
                "position": "outside",
                "margin": 8,
                "formatter": "{b}:\n{d}%"
            }
        },
        {
            "type": "pie",
            "name": "\u6807\u7b7e1\u7684\u4eba\u7fa4",
            "clockwise": true,
            "data": [
                {
                    "name": "\u6298\u6263",
                    "value": 6.77
                },
                {
                    "name": "\u98df\u7269(\u975e\u751f\u9c9c)",
                    "value": 22.32
                },
                {
                    "name": "\u751f\u9c9c\u7c7b\u98df\u7269",
                    "value": 21.44
                },
                {
                    "name": "\u996e\u6599",
                    "value": 23.18
                },
                {
                    "name": "\u5bb6\u5c45\u7528\u54c1",
                    "value": 12.48
                },
                {
                    "name": "\u7f8e\u5986\u7c7b\u4ea7\u54c1",
                    "value": 6.44
                },
                {
                    "name": "\u4fdd\u5065\u7c7b\u4ea7\u54c1",
                    "value": 1.12
                },
                {
                    "name": "\u6bcd\u5a74\u7c7b\u4ea7\u54c1",
                    "value": 11.71
                },
                {
                    "name": "\u5ba0\u7269\u7528\u54c1",
                    "value": 1.16
                }
            ],
            "radius": [
                50,
                80
            ],
            "center": [
                "60%",
                "20%"
            ],
            "label": {
                "show": true,
                "position": "outside",
                "margin": 8,
                "formatter": "{b}:\n{d}%"
            }
        },
        {
            "type": "pie",
            "name": "\u6807\u7b7e2\u7684\u4eba\u7fa4",
            "clockwise": true,
            "data": [
                {
                    "name": "\u6298\u6263",
                    "value": 6.92
                },
                {
                    "name": "\u98df\u7269(\u975e\u751f\u9c9c)",
                    "value": 23.45
                },
                {
                    "name": "\u751f\u9c9c\u7c7b\u98df\u7269",
                    "value": 22.88
                },
                {
                    "name": "\u996e\u6599",
                    "value": 22.93
                },
                {
                    "name": "\u5bb6\u5c45\u7528\u54c1",
                    "value": 12.0
                },
                {
                    "name": "\u7f8e\u5986\u7c7b\u4ea7\u54c1",
                    "value": 5.64
                },
                {
                    "name": "\u4fdd\u5065\u7c7b\u4ea7\u54c1",
                    "value": 1.05
                },
                {
                    "name": "\u6bcd\u5a74\u7c7b\u4ea7\u54c1",
                    "value": 10.76
                },
                {
                    "name": "\u5ba0\u7269\u7528\u54c1",
                    "value": 1.12
                }
            ],
            "radius": [
                50,
                80
            ],
            "center": [
                "20%",
                "50%"
            ],
            "label": {
                "show": true,
                "position": "outside",
                "margin": 8,
                "formatter": "{b}:\n{d}%"
            }
        },
        {
            "type": "pie",
            "name": "\u6807\u7b7e3\u7684\u4eba\u7fa4",
            "clockwise": true,
            "data": [
                {
                    "name": "\u6298\u6263",
                    "value": 7.53
                },
                {
                    "name": "\u98df\u7269(\u975e\u751f\u9c9c)",
                    "value": 22.76
                },
                {
                    "name": "\u751f\u9c9c\u7c7b\u98df\u7269",
                    "value": 21.21
                },
                {
                    "name": "\u996e\u6599",
                    "value": 23.96
                },
                {
                    "name": "\u5bb6\u5c45\u7528\u54c1",
                    "value": 14.03
                },
                {
                    "name": "\u7f8e\u5986\u7c7b\u4ea7\u54c1",
                    "value": 5.45
                },
                {
                    "name": "\u4fdd\u5065\u7c7b\u4ea7\u54c1",
                    "value": 1.1
                },
                {
                    "name": "\u6bcd\u5a74\u7c7b\u4ea7\u54c1",
                    "value": 10.38
                },
                {
                    "name": "\u5ba0\u7269\u7528\u54c1",
                    "value": 0.97
                }
            ],
            "radius": [
                50,
                80
            ],
            "center": [
                "60%",
                "50%"
            ],
            "label": {
                "show": true,
                "position": "outside",
                "margin": 8,
                "formatter": "{b}:\n{d}%"
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u6298\u6263",
                "\u98df\u7269(\u975e\u751f\u9c9c)",
                "\u751f\u9c9c\u7c7b\u98df\u7269",
                "\u996e\u6599",
                "\u5bb6\u5c45\u7528\u54c1",
                "\u7f8e\u5986\u7c7b\u4ea7\u54c1",
                "\u4fdd\u5065\u7c7b\u4ea7\u54c1",
                "\u6bcd\u5a74\u7c7b\u4ea7\u54c1",
                "\u5ba0\u7269\u7528\u54c1"
            ],
            "selected": {},
            "type": "scroll",
            "show": true,
            "left": "80%",
            "top": "20%",
            "orient": "vertical",
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5
    },
    "title": [
        {
            "text": "4\u7c7b\u4eba\u7fa4\u7684\u5e73\u5747\u8d2d\u4e70\u60c5\u51b5\uff1a",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
        chart_983d411adb814d19939d5424c34baefc.setOption(option_983d411adb814d19939d5424c34baefc);
    </script>
</body>
</html>
